
/*灯饰类首页开始*/  
.ma-a{width: 100%;position: relative;}
.ma-b{width: 100%;}
.ma-item{width: 100%;} 
.ma-c{display: block; width: 100%;}
.ma-video{ position: relative; padding-top: calc(1080 / 1920 * 100%); }
.ma-video video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.ma-img { width: 100%;}
.ma-img img{ width: 100%;object-fit: cover;}
.ma-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 15.4rem;text-align: center;}
.ma-titles{width: 100%;color: #ffffff;margin-bottom: .13rem;}
.ma-intro{width: 100%;color: rgba(255,255,255,.8);margin-bottom: .5rem;line-height: 1.3;}
.ma-d{color: #ffffff;line-height: 1.3;}
.ma-buttom{position: absolute;bottom: .6rem; left: 50%;z-index: 88; transform: translate(-50%,0); width: 15.4rem;}
.ma-pagination{position: static;width: auto;text-align: left;}
.ma-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;width: auto;height: auto; opacity: 1; margin-right: .3rem;line-height: .48rem; color: #ffffff; border-radius: 0; background-color: transparent;}
.ma-pagination .swiper-pagination-bullet-active:after{content: '-';margin-left: .1rem; display: inline-block;vertical-align: middle;}
.ma-prev{position: absolute;left: auto;right: .7rem;margin-top: -.24rem; width: .48rem;height: .48rem;border-radius: 50%; background-color: #ffffff;background-image: url('/static/home/images/e8.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;}
.ma-prev:hover{background-color: #0f69ce;background-image: url('/static/home/images/e8-b.png');}
.ma-next{transform: rotate(-180deg); position: absolute; right: 0;margin-top: -.24rem; width: .48rem;height: .48rem;border-radius: 50%; background-color: #ffffff;background-image: url('/static/home/images/e8.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;}
.ma-next:hover{background-color: #0f69ce;background-image: url('/static/home/images/e8-b.png');}
.ma-mouse{cursor: pointer; animation: AnRotate 1.5s linear infinite alternate;position: absolute;top: 50%;left: 50%;z-index: 98; margin-left: -.11rem;margin-top: -.2rem; width: .22rem;height: .4rem;background-image: url('/static/home/images/e7.png'); background-size: .22rem auto;background-position: center center;background-repeat: no-repeat;}
@keyframes AnRotate{
    0%{ transform: translateY(5px); }
    100%{ transform: translateY(-5px); }
}
@media(max-width:750px) {
    .ma-video{ min-height: 280px; }
    .ma-img img{min-height: 280px;}
    .ma-titles{font-size: 18px;}
    .ma-intro{font-size: 14px;margin-bottom: .35rem;}
    .ma-d{font-size: 14px;}
    .ma-mouse{display: none;}
    .ma-text{width: 100%;padding: 0 10px;}
    .ma-buttom{width: calc(100% - 20px);bottom: 20px; }
}

/* p5003 首页-产品中心 */
.mb-a{width: 100%;padding-top: 1.2rem;padding-bottom: .7rem;background-color: #f6f6f6;}
.mb-b{width: 15.4rem;margin: 0 auto;}
.mb-top{width: 100%;position: relative;margin-bottom: .5rem;}
.mb-left{display: inline-block;padding-right: 100px;}
.mb-titles{	color: #333333;margin-bottom: .1rem;}
.mb-intro{line-height: 1.3;color: #333333;}
.mb-right{position: absolute;bottom: 0;right: 0;}
.mb-more{display: block;cursor: pointer;color: #333333;}
.mb-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .2rem;transform: rotate(-180deg);border-radius: 50%; width: .37rem;height: .37rem;background-image: url('/static/home/images/e8.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat; border: solid .01rem #cccccc;}
.mb-more:hover{color: #2154bd;}
.mb-more:hover:after{border: solid .01rem #2154bd; background-image: url('/static/home/images/e8-c.png');}
.mb-cont{width: 100%;font-size: 0;}
.mb-item{position: relative;}
.mb-c{width: 100%;}
.mb-one{width: 100%;}
.mb-d{display: block;cursor: pointer; width: 100%;}
.mb-img {width: 100%;}
.mb-img img{width: 100%;}
.mb-text{position: absolute;top: .87rem;left: 0;padding: 0 .1rem; text-align: center; width: 100%;}
.mb-name{width: 100%;color: #ffffff; margin-bottom: .1rem;}
.mb-e{width: 100%;color: #ffffff;line-height: 1.3;margin-bottom: .2rem;}
.mb-f{color: #ffffff;}
.mb-f:after{content: '→';color: #ffffff;margin-left: .1rem;}

.mb-pagination{position: absolute;bottom: .25rem;left: 0;width: 100%;text-align: center;}
.mb-pagination .swiper-pagination-bullet{opacity: 1; display: inline-block;vertical-align: middle;margin: 0 .15rem;width: .24rem;height: .22rem;background-image: url('/static/home/images/e12.png');background-color: transparent; background-size:auto .08rem;background-position: center center;background-repeat: no-repeat;}
.mb-pagination .swiper-pagination-bullet-active{background-image: url('/static/home/images/e12-b.png');background-size: auto .22rem;}

@media(max-width:750px) {
    .mb-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
}

.md13876.mc-a{width: 100%;padding-top: 1.2rem;padding-bottom: 1.2rem;overflow: hidden;}
.md13876 .mc-b{width: 100%;margin: 0 auto;}
.md13876 .mc-cont{width: 100%;font-size: 0;}
.md13876 .mc-left{display: inline-block;vertical-align: middle;position: relative;  width: 45%;padding-left: 1.9rem; padding-right: .2rem;}
.md13876 .mc-left:before{content: '';position: absolute;top: 1rem;left: 0;	width: .1rem;height: 5rem;background-color: #0f69ce;}
.md13876 .mc-titles{color: #333333;margin-bottom: .13rem;}
.md13876 .mc-intro{color: #333333;line-height: 1.18;padding-bottom: .3rem;margin-bottom: .3rem; position: relative;}
.md13876 .mc-intro:before{content: '';position: absolute;bottom: 0;left: 0;width: .3rem;height: 2px;background-color: #0f5ece;}
.md13876 .mc-textbox{max-width: 5.73rem;min-height: 2.2rem;padding-bottom: .3rem; line-height: 2;color: #717171;}
.md13876 .mc-textbox *{line-height: inherit;}
.md13876 .mc-list{width: 100%;font-size: 0;padding-bottom: .5rem;}
.md13876 .mc-item{display: inline-block;vertical-align: top;margin-right: .7rem;margin-bottom: .3rem;}
.md13876 .mc-item:last-child{margin-right: 0;}
.md13876 .mc-nub{margin-bottom: .13rem;}
.md13876 .mc-span1{display: inline-block; color: #0f69ce;margin-right: .1rem;}
.md13876 .mc-span2{display: inline-block; color: #0f69ce;}
.md13876 .mc-c{	color: #222222;line-height: 1.3;}
.md13876 .mc-img{width: 100%;}
.md13876 .mc-img img{height: 1.6rem;border-radius: 4px;}
.md13876 .mc-right{display: inline-block;vertical-align: middle;cursor: pointer; width:55%;position: relative;}
.md13876 .mc-bg{width: 100%;}
.md13876 .mc-bg img{width: 100%;}
.md13876 .mc-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .72rem;}
.md13876 .mc-play img{width: 100%;}
.md13876.mc-a .xv-d{background-color: #2154bd;}

@media(max-width:750px) {
    .md13876.mc-a{padding: .8rem 0;}
    .md13876 .mc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .md13876 .mc-left{width: 100%;padding: 0  0 .3rem;}
    .md13876 .mc-left:before{display: none;}
    .md13876 .mc-textbox{max-width: 100%;}
    .md13876 .mc-img img{width: 100%;}
    .md13876 .mc-right{width: 100%;}
}

.md-a{width: 100%;padding-top: .8rem;padding-bottom: .25rem; background-color: #f6f6f6;}
.md-top{width: 15.4rem;margin: 0 auto; position: relative; }
.md-left{display: inline-block;padding-right: 100px;}
.md-titles{	color: #333333;margin-bottom: .1rem;}
.md-intro{line-height: 1.3;color: #333333;}
.md-right{position: absolute;bottom: 0;right: 0;}
.md-more{display: block;cursor: pointer;color: #333333;}
.md-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .2rem;transform: rotate(-180deg);border-radius: 50%; width: .37rem;height: .37rem;background-image: url('/static/home/images/e8.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat; border: solid .01rem #cccccc;}
.md-more:hover{color: #2154bd;}
.md-more:hover:after{border: solid .01rem #2154bd; background-image: url('/static/home/images/e8-c.png');}
.md-cont{width: 100%;position: relative;}
.md-b{width: 100%;}
.md-item{width:6.2rem;margin: 0 .08rem;padding-top: .5rem;padding-bottom: 1.5rem; }
.md-c{display: block; width: 100%;cursor: pointer; }
.md-img{width: 100%;position: relative;padding-top: 60%;}
.md-img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.md-text{opacity: 0;transition: all .5s; position: absolute;bottom: .7rem;right: .3rem;width: 3rem;padding: .2rem; background-color: rgba(255,255,255,.9);box-shadow: 0px .2rem .26rem .05rem rgba(0, 0, 0, 0.19);border-radius: 8px;}
.md-nub{ font-size: 0;margin-bottom: .3rem;}
.md-index{display: inline-block;vertical-align: bottom; color: #333333;}
.md-link{display: inline-block;vertical-align: bottom;margin: 0 .05rem; color: #333333;}
.md-sum{display: inline-block;vertical-align: bottom; color: #333333;}
.md-d{margin-bottom: .1rem; color: #333333;line-height: 1.3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.md-e{margin-bottom: .15rem; color: #585857;line-height: 1.6;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.md-know{width: 100%; 	letter-spacing: 2px;color: #333333;}
.md-know:after{content: '→';margin-left: .15rem;color: #333333;} 
.md-item.swiper-slide-active .md-text{opacity: 1;}

.md-prev{left: 4.15rem;margin-top: -.3rem;	width: .6rem;height: .6rem;background-color: rgba(0,0,0,.3);border-radius: 50%; background-image: url('/static/home/images/e8-b.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.md-prev:hover{background-color: #0f69ce;} 
.md-next{transform: rotate(-180deg); right: 4.15rem;margin-top: -.3rem;	width: .6rem;height: .6rem;background-color: rgba(0,0,0,.3);border-radius: 50%; background-image: url('/static/home/images/e8-b.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.md-next:hover{background-color: #0f69ce;}

@media(max-width:750px) {
    .md-top{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .md-item{width: 80%;}
    .md-prev{top: 1rem; left: 15%;}
    .md-next{top: 1rem;right: 15%;}
}

.me-a{width: 100%;padding-top: 1.2rem;padding-bottom: .7rem; }
.me-b{width: 15.4rem;margin: 0 auto;}
.me-top{width: 100%;position: relative;margin-bottom: .5rem;}
.me-left{display: inline-block;padding-right: 100px;}
.me-titles{	color: #333333;margin-bottom: .1rem;}
.me-intro{line-height: 1.3;color: #333333;}
.me-right{position: absolute;bottom: 0;right: 0;}
.me-navs{display: inline-block;vertical-align: middle;}
.me-nav{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .45rem;color: #222222;line-height: 1.3;}
.me-nav:hover{	color: #0e60ce;}
.me-nav.active{	color: #0e60ce;}
.me-more{display: inline-block;vertical-align: middle;cursor: pointer; color: #222222;line-height: 1.3;}
.me-more:hover{	color: #0e60ce;}

.me-cont{width: 100%;position: relative;overflow: hidden;}
.me-item{position: absolute;top: 0;left: -120%;width: 100%;}
.me-item.show{position: relative;left: 0;}
.me-item:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.me-lt{ width: 10.2rem;font-size: 0;display: flex;flex-wrap: wrap;}
.me-one{display: inline-block;vertical-align: middle;cursor: pointer;background-color: #f6f6f6;border-radius: 4px;overflow: hidden; width: 5rem;margin-right: .2rem;margin-bottom: .3rem;}
.me-one:nth-child(2n){margin-right: 0;}
.me-img{width: 100%;overflow: hidden;}
.me-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.me-text{padding: .4rem .2rem .8rem;}
.me-c{color: #333333;margin-bottom: .2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.me-d{color: #666666;margin-bottom: .3rem;}
.me-d img{width: 1em;margin-right: .12rem;}
.me-e{color: #666666;line-height: 1.7; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.me-one:hover .me-img img{transform: scale(1.05);}
.me-one:hover .me-c{color: #2154bd;}

.me-rt{position: absolute;top: 0;right: 0;margin-bottom: .3rem;padding: .4rem 0 .4rem .35rem; height: calc(100% - .3rem); width: 5rem;background-color: #f6f6f6;border-radius: 4px;  }
.me-f{display: block;cursor: pointer; margin-bottom: .25rem; padding-right: .35rem;}
.me-g{color: #222222; line-height: 1.5; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.me-h{color: #666666;line-height: 1.3;}
.me-f:hover .me-g{color: #2154bd;}

.me-rt div.mCSB_scrollTools{ width: 5px;}
.me-rt div.mCSB_scrollTools .mCSB_draggerRail{width: 5px;background-color: #f6f6f6; }
.me-rt div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 5px;background-color: #cccccc;  }
.me-rt div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.me-rt div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #cccccc;}
.me-rt div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #cccccc;}
 


@media(max-width:750px) {
    .me-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .me-left{width: 100%;margin-bottom: .35rem;} 
    .me-right{width: 100%;position: static;text-align: center;}

    .me-lt{ width: 100%;}
    .me-one{width: calc(50% - 5px);margin-right: 10px; margin-bottom: .3rem;}
    .me-rt{width: 100%;position: static;height: 270px;}
}
